<template>
  <div id="container">水球图</div>
</template>

<script>
import 'echarts-liquidfill'
export default {
  data() {
    return {}
  },
  mounted() {
    const echarts = this.$echarts.init(document.getElementById('container'))
    echarts.setOption({
      series: [
        {
          type: 'liquidFill',
          data: [0.8, 0.6, 0.4]
        }
      ]
    })
  }
}
</script>

<style lang="scss">
#container {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  // padding: 20px;
  background: #eee;
  box-sizing: border-box;
}
</style>
